<template>
  <div class="home">
    <!-- 导航栏 -->
    <top-nav></top-nav>
    <!-- 轮播图 -->
    <swiper-com></swiper-com>
    <!-- 图标 -->
    <icon-list></icon-list>
    <!-- 发现歌单 -->
    <music-list></music-list>
  </div>
</template>

<script>
// @ is an alias to /src
import topNav from '@/components/topNav.vue'
import swiperCom from '@/components/swiperCom.vue'
import iconList from '@/components/iconList.vue'
import musicList from '@/components/musicList.vue'
export default {
  name: 'Home',
  components: {
    topNav,
    swiperCom,
    iconList,
    musicList
  }
}
</script>
<style>
  .home{
    z-index: 10;
  }
</style>
